<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link
      rel="stylesheet"
      href="http://at.alicdn.com/t/font_3172069_uvldw4b1x5a.css"
    />
    <link rel="stylesheet" href="./css/index.css" />
  </head>
  <body>
    <div class="container">
      <!-- 主要信息 -->
      <div class="main-info">
        <h1 class="main-info-name">
          李想
          <span class="main-info-job">前 端 工 程 师</span>
        </h1>
        <div class="main-info-desc">
          <div>
            <i class="iconfont icon-shouji"></i
            ><a href="tel:15680304427">156 8030 4427</a>
          </div>
          <div>
            <i class="iconfont icon-youxiang"></i
            ><a href="mailto:1799583372@qq.com">1799583372@qq.com</a>
          </div>
          <div>
            <i class="iconfont icon-wangzhi"></i
            ><a href="http://www.xgglt.top/" target="_blank">www.xgglt.top</a>
          </div>
          <div><span>学历</span><span>本科在读</span></div>
          <div><span>生日</span><span>2001-12-18</span></div>
          <div><span>开发经验</span><span>3年</span></div>
        </div>
        <img src="./img/avatar.jpg" alt="" />
      </div>
      <!-- 主要信息结束 -->

      <!-- 教育经历 -->
      <div class="edu-info item">
        <h2>教育经历</h2>
        <div class="edu-info-content">
          <div class="edu-info-content-route"></div>
          <div class="edu-info-content-desc">
            <div>
              <span>2016 ~ 2019</span>白塔中学<span>天天就知道打篮球</span>
            </div>
            <div>
              <span>2019 ~ 2023</span>四川工商学院<span>好好沉淀前端开发</span>
            </div>
          </div>
        </div>
      </div>
      <!-- 教育经历结束 -->

      <!-- 工作经历 -->

      <!-- 工作经历结束 -->

      <!-- 专业技能 -->
      <div class="skill-info item">
        <h2>专业技能</h2>
        <div class="skill-info-content">
          <div class="skill-info-content-item"><div>英语四级</div></div>
          <div class="skill-info-content-item"><div>操作系统</div></div>
          <div class="skill-info-content-item"><div>组成原理</div></div>
          <div class="skill-info-content-item"><div>数据结构与算法</div></div>
          <div class="skill-info-content-item"><div>Vue</div></div>
          <div class="skill-info-content-item"><div>React</div></div>
        </div>
      </div>
      <!-- 专业技能结束 -->

      <!-- 项目经验 -->
      <div class="project-info item">
        <h2>项目经验</h2>
        <div class="project-info-content">
          <div class="project-info-content-desc">
            <h3>在线时间管理系统</h3>
            <div><span>访问地址</span><a href="#">www.todolist.com</a></div>
            <div>
              <span>github</span><a href="#">github.com/dengxuming/todolist</a>
            </div>
            <div>
              <span>项目背景</span
              ><span
                >本系统在学习 vue
                后，凭个人兴趣，开发的用于进行时间管理的系统</span
              >
            </div>
            <div>
              <span>项目实现</span>
              <div>
                <p>
                  系统包含 <strong>任务清单</strong> 、
                  <strong>任务分类</strong> 、 <strong>日志薄</strong> 、
                  <strong>废纸</strong>篓 等模块，本人参与了所有模块的开发。
                </p>
                <p>
                  系统分为前后端两个部分。前端部分使用
                  <strong>vue</strong> 作为框架，并使用脚手架
                  <strong>vue-cli</strong>搭建。
                </p>
                <p>
                  其中，使用 <strong>vue-router</strong> 处理路由，使用
                  <strong>vuex</strong> 处理共享数据，使用
                  <strong></strong>element-ui 构建界面。
                </p>
                <p>
                  后端部分使用 <strong>node</strong> 搭建轻量级服务器，通过
                  <strong>express</strong>
                  为前端提供REST风格的接口，数据方面利用
                  <strong>mysql</strong>持久化数据，并利用库
                  <strong>sequelize</strong> 提供的接口操作数据库
                </p>
                <p>
                  项目开发中遇到了 打包体积过大 的问题，经过研究，最终利用
                  <strong>tree shaking</strong> 、
                  <strong>dynamic import</strong> 、
                  <strong>gzip</strong> ，很好的解决了该问题
                </p>
              </div>
            </div>
          </div>
          <div class="project-info-content-desc">
            <h3>在线时间管理系统</h3>
            <div><span>访问地址</span><a href="#">www.todolist.com</a></div>
            <div>
              <span>github</span><a href="#">github.com/dengxuming/todolist</a>
            </div>
            <div>
              <span>项目背景</span
              ><span
                >本系统在学习 vue
                后，凭个人兴趣，开发的用于进行时间管理的系统</span
              >
            </div>
            <div>
              <span>项目实现</span>
              <div>
                <p>
                  系统包含 <strong>任务清单</strong> 、
                  <strong>任务分类</strong> 、 <strong>日志薄</strong> 、
                  <strong>废纸</strong>篓 等模块，本人参与了所有模块的开发。
                </p>
                <p>
                  系统分为前后端两个部分。前端部分使用
                  <strong>vue</strong> 作为框架，并使用脚手架
                  <strong>vue-cli</strong>搭建。
                </p>
                <p>
                  其中，使用 <strong>vue-router</strong> 处理路由，使用
                  <strong>vuex</strong> 处理共享数据，使用
                  <strong></strong>element-ui 构建界面。
                </p>
                <p>
                  后端部分使用 <strong>node</strong> 搭建轻量级服务器，通过
                  <strong>express</strong>
                  为前端提供REST风格的接口，数据方面利用
                  <strong>mysql</strong>持久化数据，并利用库
                  <strong>sequelize</strong> 提供的接口操作数据库
                </p>
                <p>
                  项目开发中遇到了 打包体积过大 的问题，经过研究，最终利用
                  <strong>tree shaking</strong> 、
                  <strong>dynamic import</strong> 、
                  <strong>gzip</strong> ，很好的解决了该问题
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 项目经验结束 -->

      <!-- 个人评价 -->
      <div class="evaluate-info item">
        <h2>个人评价</h2>
        <div class="evaluate-info-content">
          对用户运营有一定经验，半年内成功扩展300+用户，主持举办了VIP用户交流访谈活动，善于沟通，成功转化60+用户成为忠实用户
        </div>
      </div>
      <!-- 个人评价结束 -->

      <div class="mask"></div>
    </div>
  </body>
</html>
